<template>
	<view class="content">

    <el-button>默认按钮</el-button>
    <el-row>
      <el-button>默认按钮</el-button>
      <el-button type="primary">主要按钮</el-button>
      <el-button type="success">成功按钮</el-button>
      <el-button type="info">信息按钮</el-button>
      <el-button type="warning">警告按钮</el-button>
      <el-button type="danger">危险按钮</el-button>
    </el-row>


		<image class="logo" src="/static/logo.png"></image>
		<view class="text-area">
			<text class="title">{{title}}</text>
		</view>
		<navigator url="/pages/about/about" open-type="reLaunch">跳转关于我们</navigator>
		<view>
		  <view>登录名：<input type="text" name="loginName" /></view>
		  <view> 密码：<input type="password" name="password" /></view>
		  <button @click="login">登录</button>
		</view>



		<uni-badge size="normal" text="3" type="primary" :inverted="true"></uni-badge>

	</view>
</template>

<script>
  import '../../static/js/element.js'
  import { ElementPlus } from 'element-plus'

  Vue.use(ElementPlus)

	export default {
		data() {
			return {
				title: 'Hello',
        loginName:'',
        password:''
			}
		},
		onLoad() {

		},
		methods: {
      login(){
        alert(1)
        console.log(this.loginName);
        console.log(this.password)

      }



		}
	}
</script>

<style lang="scss">
  //@import '../../element-plus/dist/index.css';
  //@import '../../element.css';

	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.logo {
		height: 200rpx;
		width: 200rpx;
		margin-top: 200rpx;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50rpx;
	}

	.text-area {
		display: flex;
		justify-content: center;
	}

	.title {
		font-size: 36rpx;
		color: #8f8f94;
	}
</style>
